<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>登录页面</title>
</head>

<body>
  <h1>用户登录</h1>
  用户名：<input name="userName" type="text" id="userName"><br>
  密码：<input name="password" type="password" id="password"><br>
  <input type="button" value="登录" onclick="login()">
  
  <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script> -->
   <script src="js/jquery.min.js"></script>
  <script>
    function login() {
      $.ajax({
        type:"post",
        url:"/user/login",
        data:{
          userName:$("#userName").val(),//传递参数的名称在这定义，不用看上面input框的name值
          password:$("#password").val()//idea里面参数的值和这里保持一致就行
          //val()里面有值是赋值的意思，没有值就是取值的意思

        },
        //请求成功不是truefalse状态码响应正确
        success:function(result){
          if(result){
            //密码正确
            location.href="index.html";
            // location.assign("index.html")
            // 俩种都是跳转但语法不一样
          }else{
            alert("密码错误，请重新输入");
          }
        }

      });
    }

  </script>
</body>

</html>